<template>
	<qiun-data-charts type="line" background="rgba(0,0,0,0)" :opts="LineOpt" :chartData="props?.data"  :ontouch="true"/>
</template>


<script setup>
	import {
		baseOpts
	} from "@/uitls/uChartsOpt.js"
	import {
		ref,
		computed
	} from 'vue'
	const props = defineProps({
		data: Object,
	})
	import store from '@/store/index.js';
	const fontSize = computed(() => store.state.fontSize)
	const LineOpt = {
		...baseOpts,
		...{
			fontSize: fontSize.value,
			enableScroll: true,
			legend: {
				show: false,
			},
			xAxis: {
				itemCount: 7,
				fontSize: fontSize.value,
			},
			yAxis: {
				dashLength: 10,
				data: [{
					axisLine: false,
					format: "bigNumber"
				}],
			},
			extra: {
				line: {
					type: "straight",
					width: 2,
					activeType: "hollow"
				}
			}
		}
	}
</script>

<style lang="scss" scoped>

</style>